<div [@flyIn]="'active'">
  <div class="wrapper-sm">
    <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
        <div class="m-t-xs m-t-sm">
          <span>系统管理</span>
          <i class="fa fa-angle-right"></i>
          <span>设备管理 </span>
          <i class="fa fa-angle-right"></i>
          <span>设备列表</span>
          <i class="fa fa-angle-right"></i>
          <span>完善设备信息</span>
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper-sm">
    <div class="panel panel-default" style="border-radius:5px">
      <div class="panel-body" style="font-size:12px">
        <div class="col-sm-12">
          <div class="panel panel-default">
            <div class="panel-heading font-bold">完善设备信息</div>
            <div class="panel-body">

              <div class="panel-heading font-bold">生产信息</div>
              <div class="panel-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <label class="col-lg-2 control-label">出厂编号</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" placeholder="出厂编号" [(ngModel)]="data.xuliehao">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 control-label">出厂日期</label>
                    <div class="col-lg-10">

                      <input type="text" class="form-control" [(ngModel)]="data.chuchangriqi" (click)="showDatePicker(1)" id="datetimepicker1" name="dates" >

                    </div>
                  </div>
                </div>
              </div>

              <div class="panel-heading font-bold">
                使用信息
              </div>
              <div class="panel-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <label class="col-lg-2 control-label">使用场所</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" placeholder="使用场所" [(ngModel)]="data.shiyongdizhi">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 control-label">使用单位</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" placeholder="使用单位" [(ngModel)]="data.shiyonggongsi">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 control-label">安装日期</label>
                    <div class="col-lg-10">
                       <!--<input type="text" class="form-control" placeholder="安装日期" [(ngModel)]="data.anzhuangriqi"> -->
                      <input type="text" class="form-control" [(ngModel)]="data.anzhuangriqi" (click)="showDatePicker(2)" id="datetimepicker2" name="dates"  >
                    </div>
                  </div>
                </div>
              </div>

              <div class="panel-heading font-bold">
                维保信息
              </div>
              <div class="panel-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <label class="col-lg-2 control-label">维保人员</label>
                    <div class="col-lg-10">
                      <select class="form-control" [(ngModel)]="data.weibaorenid">
                        <option value="">--请选择维保人员--</option>
                        <option *ngFor="let item of mansData" value="{{item.weibaorenid}}">{{item.nick_name}}</option>
                      </select>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="col-lg-2 control-label">维保人员电话</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" [(ngModel)]="data.weibaorenid.split(',')[1]" readonly="">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 control-label">维保类型</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" placeholder="维保类型" [(ngModel)]="data.weibaoleixing">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 control-label">维保周期</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" placeholder="维保周期" [(ngModel)]="data.weibaozhouqi">
                    </div>
                  </div>
                </div>
              </div>


              <div style="text-align:center">
                <button class="btn btn-sm btn-info" (click)="save()">确定</button>
                <a  class="btn btn-sm btn-default" [routerLink]="['../../../']">返回</a>
              </div>


            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


